/* pages/yingdixq/yingdixq.wxss */
.index-box{
  background: linear-gradient(to bottom, #f0b384, #ffffff); 
  z-index: 2; /* 将背景容器的层级设置为负数，确保它不会遮盖住页面上的其他内容 */
}
.index-menu {  
  position: relative;
  top: -20px;
  display: flex;  
  flex-direction: column; /* 竖直排列菜单项 */  
  justify-content: space-around; /* 菜单项之间的间距 */  
  background-color: #ffffff; /* 设置背景颜色 */  
  padding-left: 12px;
  padding-top: 20px;
  height: 140px;
  border-radius: 5px; /* 可选：设置圆角 */  
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 可选：添加阴影 */  
}  
.icon-lanVrenzheng{
  font-size: 12px; /* 设置文字的字体大小 */ 
  color: rgb(224, 212, 34); /* 设置文字的颜色 */
  display: inline-block; /* 背景只包裹文字 */
  padding: 3px 8px; /* 内边距 */
  height: 15px;
  background-color: #000000; /* 背景色 */
  border-radius: 25px; /* 圆角大小 */
}
.menu-item-text {  
  font-size: 18px; /* 设置文字的字体大小 */  
  color: #333; /* 设置文字的颜色 */  
  font-weight: bold;/*加粗*/
  margin-bottom: 20px; /* 与下一个元素之间的间距 */
}
extra-info {  
  display: flex; /* 使用flex布局来并排显示文本和图标 */  
  align-items: center; /* 文本和图标垂直居中 */  
  margin-bottom: 10px; /* 与下一个元素之间的间距 */  
}  
  
.extra-text {  
  font-size: 12px; /* 字体大小 */  
  color: #ccc; /* 浅灰色 */   
  margin-bottom: 10px; /* 与下一个元素之间的间距 */ 
}  
 
.index-mi{
  position: relative;
  top: -35%;
  left: 85%;
}
.info-icon {
  width: 30px; /* 图标的宽度 */  
  height: 30px; /* 图标的高度，与文本行高相匹配 */
} 

.camp-navigation{
  position: relative;
  top: -25%;
  left: -2%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 20rpx;
    margin-top: 15rpx;
    view {
      width: 315rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f4bb19;
      border-radius: 10rpx;
      color: #fff;
      font-size: 32rpx;
      padding: 15rpx;
      margin: 10rpx;
    }
  }
.index-menua {  
  position: relative;
  top: -20px;
  display: flex;  
  flex-direction: column; /* 竖直排列菜单项 */  
  justify-content: space-around; /* 菜单项之间的间距 */  
  background-color: #ffffff; /* 设置背景颜色 */  
  padding-left: 12px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  height: 130px;
  border-radius: 5px; /* 可选：设置圆角 */  
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 可选：添加阴影 */  
}  
.tip{
  font-size: 16px; /* 设置文字的字体大小 */  
  color: #333; /* 设置文字的颜色 */  
  font-weight: bold;/*加粗*/
}
.show_more{
	margin-top: 15rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24rpx;
	color: #F3AB00;
}
.txt-text{
  font-size: 12px; /* 字体大小 */  
  color: rgb(95, 95, 95); /* 浅灰色 */   
  margin-bottom: 10px; /* 与下一个元素之间的间距 */ 
}

.index-menub {  
  position: relative;
  top: -20px;
  display: flex;  
  flex-direction: column; /* 竖直排列菜单项 */  
  justify-content: space-around; /* 菜单项之间的间距 */  
  background-color: #ffffff; /* 设置背景颜色 */  
  padding-left: 12px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  height: 100px;
  border-radius: 5px; /* 可选：设置圆角 */  
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 可选：添加阴影 */  
}
.tipp{
  font-size: 16px; /* 设置文字的字体大小 */  
  color: #333; /* 设置文字的颜色 */  
  font-weight: bold;/*加粗*/
  margin-bottom: 6px; /* 与下一个元素之间的间距 */ 
}
.plan{
	background-color: #F5F5F5;
	margin-bottom: 15rpx;
	border-radius: 5rpx;
	padding: 15rpx 20rpx;
	box-sizing: border-box;
}
.plan_price{
	display: flex;
	font-size: 28rpx;
	align-items: center;
}
.plan_price>view:first-child text{
	font-size: 18px;
	color: #f36804;
}
.plan_price .icon-huiyuan{
	background-color: #1F1F1F;
	color: rgb(224, 212, 34);
	font-size: 8px;
	display: flex;
	align-items: center;
	height: 14px;
	padding: 5rpx 15rpx;
	box-sizing: border-box;
	border-radius:20rpx;
	margin-top: 8rpx;
	margin-left: 15rpx;
}
.plan .original_price{
	font-size: 10px;
	text-decoration: line-through;
}

.index-menuc {  
  position: relative;
  top: -20px;
  display: flex;  
  flex-direction: column; /* 竖直排列菜单项 */  
  justify-content: space-around; /* 菜单项之间的间距 */  
  background-color: #ffffff; /* 设置背景颜色 */  
  padding-left: 12px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  height: 100px;
  border-radius: 5px; /* 可选：设置圆角 */  
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 可选：添加阴影 */  
}
.campus{
  position: relative;
  top: -20%;
    display: flex;
    align-items:baseline;
    height: 20rpx;
    margin-top: 25rpx;
    view {
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f4bb19;
      border-radius: 10rpx;
      color: #fff;
      font-size: 32rpx;
      padding: 8rpx;
      margin: 10rpx;
    }
  }

.foot{
	width: 100%;
	padding: 20rpx 4%;
	box-sizing: border-box;
  position: sticky;
	bottom: 0;
	left: 3%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20rpx;
	box-sizing: border-box;
	background-color: #fff;
  .ability-box {
    display: flex;
    justify-content: space-between;
		.active {
			color: #F3AB00;
		}
    .icon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0 5rpx;
      padding: 0 10rpx;
      font-size: 28rpx;
      color: #333;
      // background-color: saddlebrown;
    }
  }
}

.up{
  height: 70rpx;
	text-align: center;
	line-height: 70rpx;
	font-size: 30rpx;
	border-radius: 50rpx;
	width: 60%;
	border: 1rpx solid #F3AB00;
	color: #F3AB00;
}.next{
  height: 70rpx;
	text-align: center;
	line-height: 70rpx;
	font-size: 30rpx;
	border-radius: 50rpx;
	width: 60%;
	background-color: #F3AB00;
	color: #fff;
}

.icon-huidingbu{
	position: fixed;
	top: 50%;
	right: 28rpx;
	background-color: #b4b4b4;
	border-radius: 50%;
	font-size: 24rpx;
	width: 40rpx;
	height: 40rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}


